{% extends 'base_user.html' %}
{% load static %}

{% block ext_css %}
    {{ block.super }}
    <link rel='stylesheet' href="{% static 'axf/user/css/register.css' %}">

{% endblock %}

{% block ext_js %}
    {{ block.super }}
    <script type="text/javascript" src="{% static 'axf/user/js/register.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/md5.js'%}"></script>
{% endblock %}


{% block content %}
    <form action="{% url 'app:register' %}" method="post" enctype="multipart/form-data" >
    {% csrf_token %}
        <div class="form-group">
            <label for="username_input">用户名</label>
            <input name="username" required="required" type="text" class="form-control" id="username-input" placeholder="请输入用户名(4到16位字母，数字，下划线)">
            <span class="check_color" id="usernameinfo"></span>
        </div>

        <div class="form-group">
            <label for="password_input">密码</label>
            <input name="password" type="password" required='required' class="form-control" id="password_input" placeholder="请输入密码(至少6位非空字符)">
            <span class="check_color" id="passwordInfo"></span>
        </div>
        <div class="form-group">
            <label for="password_confirm_input">确认密码</label>
            <input type="password" class="form-control" required='required' id="password_confirm_input" placeholder="请再次确认密码">
            <span class="check_color" id="password_confirm_Info"></span>
        </div>
                <div class="form-group">
            <label for="email_input">邮箱</label>
            <input name="email" type="email" class="form-control" required='required' id="email_input" placeholder="请输入邮箱">
            <span class="check_color" id="emailinfo"></span>
        </div>
        <div class="form-group">
            <label for="exampleInputFile">头像</label>
            <input class="check_color" name="icon" type="file" id="exampleInputFile" required="required">
        </div>
{#        <button type="submit" style="background-color: green;color: snow" class="btn btn-default btn-block">注册</button>#}
                <button type="submit" class="btn btn-success btn-block">注册</button>
    </form>

{% endblock %}

